﻿body{background:#fff url(../images/body_bg.gif) repeat;}
/***初始化***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre ,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;} 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }

a{text-decoration:none;}
a:hover{text-decoration:underline;}

/***清除***/
.fix{zoom:1;}
.fix:after{display:block; content:'whut'; clear:both; line-height:0; visibility:hidden;}

/***浮动***/
.f_l{float:left}
.f_r{float:right}
 
/***导航***/
.header_top{width:100%; background:url('../../images/head_top_bg.gif') repeat-x;height:60px;}
	.header{width:1024px; margin:auto;}
		.logo{}
		.piker-nav{}
			.piker-nav ul{margin-left:20px;}
				.piker-nav ul li{float:left; line-height:50px; margin-right:20px; padding-top:10px}
					.piker-nav ul li a{color:#fff; font-family:"微软雅黑";font-size:16px;}
		.p_link{}			
			.p_link ul{margin-top:34px;}			
				.p_link ul li{float:left; padding-right:10px;}			
					.p_link ul li a{color:#fff; font-size:12px;}
#topright ul li
{
    list-style:none;
    float:left;
}
/***底部***/		
.footer{width:100%; border-top:1px #bbb dashed;clear:both;}
	.copyright{width:1024px; margin:auto; text-align:center; line-height:24px;}
		.copyright p{line-height:30px; font-size:14px; color:#000;}
			.copyright p a{color:#000; padding:0 10px; }
						
/***正文***/						
		.main_box{width:1024px;text-align:left;margin:0 auto;}
		
/***单页***/
.containe_box{position:relative;width:1200px; height:auto;margin:0px auto;}
	.big_pho{padding:15px 0 0 0}
		.t_big{color:white;cursor:pointer;overflow:hidden;width:1024px;height:500px;margin:0px auto;}
            .t_big img {margin-top:0px;}
			.side_big{margin:160px 0px;top:30px;}
		.like{width:960px; margin:auto;position:relative;}
			.like_left{width:820px; float:left; height:92px; margin:30px 0}
				.like_l{background:#fcfcfc url(../images/yjjxl.png) no-repeat top left; width:6px; height:92px; float:left}
				.like_m{background:#fcfcfc url(../images/yjjxm.png) repeat-x top left; width:790px; height:92px; float:left}
                .xh_box {background:#fcfcfc url(../images/yjjxm.png) repeat-x top left; width:128px; height:92px; float:left}
					.njh{width:170px; float:left; height:60px; border-right:1px solid #e6e6e6; margin:16px}
						.singlePname{font:normal 24px 微软雅黑; color:#8c8c8c; padding: 10px; line-height:35px}
						#Position{font:normal 12px 微软雅黑; color:#3ec256; }
					.des{width:220px; float:left; height:60px; border-right:1px solid #e6e6e6; margin:16px 10px;}
						.miao{font:normal 12px 微软雅黑; color:#8c8c8c; width:220px; float:left; margin:5px; line-height:10px}
						.miao_nei{font:normal 12px 微软雅黑; color:#484848; width:180px; float:left; margin:5px; line-height:20px}
					.upload{width:270px; float:left; height:60px; font:normal 12px 微软雅黑; margin:16px; color:#000;position:relative;}
						.upload ul li{float:left; margin:3px 75px 0 0;line-height:25px;}
						.upload ul li a{ color:#484848}
.shuyu{position:absolute;width:270px;top:0px;left:60px;}
#id_exif {position:absolute; right:0px; top:0px;}
				.like_r{background:#fcfcfc url(../images/yjjxr.png) repeat-x top left; width:6px; height:92px; float:left}
			.like_right{width:140px; float:left; height:92px; margin:30px 0; background:#fcfcfc  no-repeat top left;}
				.hreat{width:20px; float:left; padding:5px 54px;}
				*html .hreat{margin:0;}
				.xh{width:108px; float:left; padding:5px 5px; color:#fff;text-align:center;}
				*html .xh{margin:0;}
					.xh a{color:#fff; font:bold 14px 微软雅黑;text-decoration:none;}
		.pho_list{width:960px; margin:auto;}
			.like_mid{background:#fcfcfc url(../images/big_m.png) repeat-x left; width:938px; height:122px; float:left}
				.like_le{background:#fcfcfc url(../images/big_l.png) no-repeat left; width:6px; height:122px; float:left}
				.like_ri{background:#fcfcfc url(../images/big_r.png) no-repeat left; width:6px; height:122px; float:left}
					.like_mid ul{padding:1px 0 0 33px}
					.like_mid ul li{float:left;margin:5px 7px 0px 7px; padding:5px 10px 5px 10px;width:75px;height:75px;overflow:hidden;}
					.like_mid ul li a{float:left;}
                    .like_mid ul li a img{margin-left:-12px;margin-top:-12px;}
			.arrow {margin:auto; height:10px; width:960px; float:left}
			.arrow ul{margin:0px 300px;}
			.arrow ul li{margin:0 20px;width:40px;}
		.comment{ margin:auto 0px auto 30px;}
			.comment_l{width:750px; height:100%; border:1px solid #d7d7d7;padding-bottom:30px; margin:20px auto;position:relative;float:left;}
				.ping{font:mormal 24px 微软雅黑;  margin:10px; width:640px}
				.cmt_1{margin:10px; width:640px}
				.cmt_ll {width:50px;height:100%;position:absolute;}
					.cmt_ll ul li{width:50px;}
					#name{color:#3ec256; float:left}
					.cmt_l2 {float:left; margin:0 10px;position:relative;padding:10px 10px 40px 10px; left:50px;top:0px;width:600px;}
					#bt{position:absolute;margin:5px;right:10px;bottom:0px; right:20px;}
			.comment_ls{width:620px; height:100%; margin:auto; border-top:1px solid #bbbbbb; padding:10px 0;position:relative;}
				.reply{width:400px; font:normal 12px 微软雅黑; margin:0 10px; float:left; left:50px;}
				.reply ul li{margin:2px 10px;left:50px; width:440px; padding-left:50px; }
				.reply ul li a{color:#484848;}
					#names{color:#3ec256; margin:0 10px 0 0}
			.comment_r{float:left ; width:180px; margin:20px}
			.comment_r ul li{float:left; margin:3px}
			.hidden{display:none;}
			.current {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFF00;
    background-color: #99EEE6;
}
.exif{padding:5px 10px 10px 10px;background-color:black;width:1004px;height:55px;position:absolute;left:88px;top:445px; z-index:100;display:none;font: 16px/1 "幼圆","Arial Narrow",HELVETICA;}
.exif_desc{color:#ffffff;font-family:微软雅黑; font-size: 14px;display:block; width:75px;float:left; text-align:justify;font-weight:normal;padding:2px 0px;}
.exif_cont{color:#f7f6cf;font-family:微软雅黑; font-size: 12px; display:block;width:173px;height:16px;overflow:hidden;float:left;text-align:left;padding:2px 0px;}
.block{display:inline-block;}

.like_count {
	background-color:#007f36;
	width:120px;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:5px;
	background-image: linear-gradient(bottom, rgb(40,183,98) 0%, rgb(64,209,144) 100%);
	background-image: -o-linear-gradient(bottom, rgb(40,183,98) 0%, rgb(64,209,144) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(40,183,98) 0%, rgb(64,209,144) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(40,183,98) 0%, rgb(64,209,144) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(40,183,98) 0%, rgb(64,209,144) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(40,183,98)),
	color-stop(1, rgb(64,209,144))
	);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #67EDA4, 0px 5px 0px 0px #007f36, 0px 10px 5px #3ec256;
	-moz-box-shadow: inset 0px 1px 0px #67EDA4, 0px 5px 0px 0px #007f36, 0px 10px 5px #3ec256;
	-o-box-shadow: inset 0px 1px 0px #67EDA4, 0px 5px 0px 0px #007f36, 0px 10px 5px #3ec256;
	box-shadow: inset 0px 1px 0px #67EDA4, 0px 5px 0px 0px #007f36, 0px 10px 5px #3ec256;
}
.like_count:active {
	top:0px;
    text-decoration:none;
	background-image: linear-gradient(bottom, rgb(64,209,144) 0%, rgb(40,183,98) 100%);
	background-image: -o-linear-gradient(bottom, rgb(64,209,144) 0%, rgb(40,183,98) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(64,209,144) 0%, rgb(40,183,98) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(64,209,144) 0%, rgb(40,183,98) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(64,209,144) 0%, rgb(40,183,98) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(64,209,144)),
	color-stop(1, rgb(40,183,98))
	);
	-webkit-box-shadow: inset 0px 4px 1px #007f36, 0px 2px 0px 0px #007f36, 0px 5px 3px #3ec256;
	-moz-box-shadow: 0px 2px 0px 1px #007f36, 0px 5px 3px #3ec256;
	-o-box-shadow: 0px 2px 0px 1px #007f36, 0px 5px 3px #3ec256;
	box-shadow: inset 0px 4px 1px #007f36, 0px 2px 0px 0px #007f36, 0px 5px 3px #3ec256;
}
.like_count::before {
	background-color:#fff;
	background-image:url(../images/heart.gif);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:120px;
	height:40px;
	position:absolute;
    text-decoration:none;
	top:-30px;
	left:0px;
	margin-top:-11px;
	z-index:-1;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.like_count:active::before {
	top: -30px;	
    text-decoration:none;
	-webkit-box-shadow: 0px 3px 0px #ccc;
	-moz-box-shadow: 0px 3px 0px #ccc;
	-o-box-shadow: 0px 3px 0px #ccc;
	box-shadow: 0px 3px 0px #ccc;
}

.prev
{
    position:absolute;
    width:85px;
    height:92px;
    overflow:hidden;
    left:-50px;
    margin-left:20px;
    margin-right:50px;
}
.next
{
    position:absolute;
    width:85px;
    overflow:hidden;
    height:92px;
    right:-50px;
    margin-left:50px;
    margin-right:20px;
    }
    .next img
    {
        margin-left:-85px;
        }

/*组图*/
/***相册***/
.content {
    text-align: left;
    margin: 30px 0 0 30px;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
    width: 800px;
}/*overflow-x:hidden;scrollbar-base-color:#00ca00;scrollbar-face-color:#ffca00;}*/
    .column {margin:20px 0px 0px 38px;padding:2px;}
    .column img{ float:left;}
      .albumInfo{margin-top:0px; display:block;color:#8c8c8c;float:left; padding-left:20px;}
      .albumdetails {font:normal 16px 微软雅黑; color:#33c377; line-height:24px}
        .albumtime {font:normal 16px 微软雅黑;color:#484848;line-height:24px}
        .albumdesc {font: normal 16px 微软雅黑;margin-top: 5px;color: #333333;clear: both;padding: 10px 40px;}
	    .albumname{font: normal 24px 微软雅黑;color: #8c8c8c;padding-top:5px;padding-right :5px;line-height: 26px;}
        
        .album{position:relative;margin-top:10px;font: normal 16px 微软雅黑;}
.albumposition { border-bottom:1px solid #bbbbbb;width:400px; padding-bottom:2px; margin-bottom:5px;}
        .title {margin:50px 0 0 38px;}

.photo-list {max-width:660px;overflow:hidden;padding:2px;width:auto;height:auto;position:relative;}

.photoInfo {
    width:240px;
    height:230px;
    padding:5px;
    background-color:none;
    z-index:1;
    position:absolute;
    bottom:8px;
    right:6px;
}

.photo-tip {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    width: 35px;
    height: 16px;
    padding:2px 0px 2px 0px; 
    position: inherit;
    bottom:2px;
    right:2px;
    margin-top: 25px;
    cursor: default;
    opacity: 0.0;
    vertical-align:bottom;
}
.blank {
    background-color: #000000;
    color: #ffffff;
    width: 35px;
    height: 2px;
    padding:2px 0px; 
    position: absolute;
    bottom:22px;
    right:2px;
    opacity: 0.0;
    vertical-align:bottom;
}
.para {
    position: inherit;
    background-color: #000000;
    color: #ffffff;
    width: 220px;
    margin-top: -244px;
    /*margin-right:0px;*/
    bottom:28px;
    right:2px;
    opacity: 0.0;
    display:none;
    padding: 0px 10px;
}
    .para ul li {
        font-family: 微软雅黑;
    font-size:12px;
    line-height: 22px;
    }
.vote {
    cursor: pointer;
    position: inherit;
    bottom:2px;
    right:40px;
    opacity: 0.0;
    height: 18px;
    background-color: #000000;
    color: #ffffff;
    opacity: 0.0;
    padding:1px 5px;
    width:40px;
}
.liked {
    color: #ffffff;
    font-size: 12px;
    position: inherit;
    padding-left:5px;
    right:4px;
}			        

	.statement{position:relative;display:block; padding-bottom:20px;}
			    .description {display: inline;color: #666666;font-size:14px;}
    .link {margin:44px 40px 0 38px; height:76px;border-top:1px solid #bbbbbb;width:600px; padding-top:20px;}
        .link p {margin-bottom:8px; width:550px;}
        .link dt {float:left; display:block;}
        .link img {margin-left:10px;}
    .artist {clear:both; margin:0 170px 0 38px; height:200px;}
        .artist h3 {font-size:16px;}
        .pic {float:left; text-align:center; margin:20px 20px 30px 0;clear:both;}
	        .pic  p{margin-top:5px;}
        .publish{margin-top:20px; float:left;}
		    .publish a{float:right; margin-top:5px;clear:both;}
    .list {margin:0 100px 0 50px; height:260px; clear:both;}
        .list li {margin-top:10px; padding-top:10px; border-top:1px solid #f0f0f0;}
        .list img {float:left; margin-right:10px;}